<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<div class="ui tiny dividing header">
	Top10院校<i class="orange help inline circle icon visible" data-content="根据招生人数选中前10所院校" data-variation="wide"></i>
</div>
<div class="ui divided animated list" >
	<c:forEach var="item" items="${top10College }">
	<c:set var="key" value="${item.key }"></c:set>
		<div class="item" data-college="${key.college_id }" data-region="${queryVO.location }">
			<div class="content">
				<div class="header"
					style="margin-top: 10px; margin-bottom: 10px; font-size:1.1rem; font-weight:400;">
					<i class="university icon"></i>${key.college_name }
				</div>
				<div class="extra">
						<div class="ui orange tiny statistic">
							<div class="value">${item.value }</div>
							<div class="label">
								招生人数
							</div>
						</div>
						<div class="ui orange tiny statistic">
							<div class="value">${collegeRatio[key.college_id] }</div>
							<div class="label">
								该院校比例
							</div>
						</div>
						<div class="ui basic  right floated top college button noborder labeled" onclick="semantic.dis.hanlder.showCollegeDetail(this);">Top10专业<i class="icon caret left"></i></div>
				</div>
				<div class="ui teal description segment" style="display:none;"></div>
			</div>
		</div>
	</c:forEach>
</div>